<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有触发型效果 
		JQuery的使用方式：
		1.JQuery官方网站,下载JQuery封装js库，格式：jquery-1.11.1
		                jquery-2.X.js之后的版本不支持IE
		2.引入JQuery框架【js类库】，在head中，script元素 导入				
		<script src="js/jquery-1.11.1.js"></script>
		3.编写JQuery框架语法---JS页面动态效果
		在页面最后body前方加script元素，为什么？
		思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，
		     整个html+css  理解为一颗DOM树：元素、属性、属性值，先存在
			 这些元素，才可以进行操作。所以，JS中DOM树的操作需要等页面
		       JavaScript行为层  EMCAScript5.0核心语法层--类似于JavaSE基础
			                    功能：做逻辑
								重点：   DOM  Document Object Model  文本节点对象模型  
								   功能：做页面效果【结合逻辑】
								   DOM树  document   元素  属性   属性值
									        html
										head	body
									meta
								charsert		
								   BOM  Browser Object Model  浏览器对象模型
								   功能：做浏览器效果【结合逻辑】  吸顶灯效果
		
		-->
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>